<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>生涯测评页</title>
    <link href="shengyacepingye.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="box">
    <div class="banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:100%;">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/banner04.png" alt="...">
                </div>
                <div class="item">
                    <img src="images/pic01.jpg" alt="...">
                </div>
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <div class="bot">
        <div class="pingtai">
            <p class="p1">职业平台</p>
            <p>链接学生、高校和企业的纽带
                依托大数据和大平台，搭建学生、高校和企业三位一体平台，为学生选择专业、择业、就业，高校人才培养、选拔、就业指导，以及企业人才储备、招聘提供全面专业的服务，使信息在内部实现有效反馈和循环利用。
            </p><br />
        </div>
    </div>
    <div class="tansuo">
        <p class="biaoti">
            <img src="images/icon.JPG" />
            <span>职业探索</span>
        </p>
    </div>
    <div  class="p2">
        <p class="fr"><img src="images/lunbo-4.jpg" /></p>
        <ul>
            <li><a href="#">文科生读研太吃亏？当有本科生薪酬高过研究生</a> </li>
            <li><a href="#">2018高考各科目重点考什么</a></li>
            <li><a href="#">毕业了，别忘给你的档案找个家</a></li>
            <li><a href="#">2018高考高招有啥新特点</a></li>
            <li><a href="#">我内向、高冷、嗨不动，但我知道我是一名好员...</a></li>
        </ul>
    </div>
    <div class="tansuo">
        <p class="biaoti">
            <img src="images/icon.JPG" />
            <span>了解自己的基本能力</span>
        </p>
    </div>
    <div  class="p3 clearfix">
        <ul>
            <li class="fr">
                <img src="images/sale.jpg" class="fr"/>
                <p><a href="#">销售市场类职业基本能力测试</a> </p>
                <p>现代社会，销售和市场是密不可分的，<br />市场的作用在于......</p>
            </li>
            <li class="fl">
                <img src="images/sale.jpg" class="fr"/>
                <p><a href="#">销售市场类职业基本能力测试</a> </p>
                <p>现代社会，销售和市场是密不可分的，<br />市场的作用在于......</p>
            </li>
            <li class="fr">
                <img src="images/sale.jpg" class="fr"/>
                <p><a href="#">销售市场类职业基本能力测试</a> </p>
                <p>现代社会，销售和市场是密不可分的，<br />市场的作用在于......</p>
            </li>
            <li class="fl">
                <img src="images/sale.jpg" class="fr"/>
                <p><a href="#">销售市场类职业基本能力测试</a> </p>
                <p>现代社会，销售和市场是密不可分的，<br />市场的作用在于......</p>
            </li>
        </ul>
    </div>
    <div class="zhiye clearfix">
        <div class="title">
            <span>职业测试</span>
            <span>专业测试</span>
        </div>
        <div class="neirong clearfix">
            <ul >
                <li class="fr">
                    <a href="#"><img src="images/2.5d3bca40.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>

                </li>
                <li class="fr">
                    <a href="#"><img src="images/1.03e5cc31.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/3.5b7a3395.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/4.7ac59c48.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/5.68916949.jpg"/></a>
                    <p>汽车制作行业
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/6.b01f46ad.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/7.86aaa139.jpg"/></a>
                    <p>房地产行业
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/8.f401eeac.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
                <li class="fr">
                    <a href="#"><img src="images/9.70585c3f.jpg"/></a>
                    <p>计算机行业测试
                        <span class="fl">浏览次数: 3824 次</span>
                    </p>
                </li>
            </ul>
        </div>
        <div class="fengye">
            <ul class="ulPage">

                <li class="lip unable"><span class="p-padding">上一页</span></li>

                <li class="lip selected"><a href="###">1</a></li>

                <li class="lip "><a href="#">2</a></li>

                <li class="lip "><a href="#">3</a></li>

                <li class="lip "><a href="#">4</a></li>

                <li class="lip "><a href="#">5</a></li>

                <li class="lip dot">...</li>

                <li class="lip"><a href="#">129</a></li>

                <li class="lip"><a href="#">下一页</a></li>

            </ul>
        </div>
</div>
</body>
</html>
